<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>订单管理</title>

    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/orstyle.css" rel="stylesheet" type="text/css">

    <script src="../lib/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js"></script>

</head>

<body>
<div id="ordersell">
    <!--头 -->
    <header>
        <article>
            <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherHead.html"></iframe>
        </article>
    </header>
    <div class="nav-table">
        <a href="../home/search.html"><div class="long-title"><span class="all-goods">全部分类</span></div></a>
        <div class="nav-cont" >
            <ul v-for="site in goodsType">

                <li class="qc"><a v-bind:href="site.href">{{site.name}}</a></li>
            </ul>
        </div>
    </div>
    <b class="line"></b>
    <div class="center">
        <div class="col-main">
            <div class="main-wrap">

                <div class="user-order">

                    <!--标题 -->
                    <div class="am-cf am-padding">
                        <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong>
                           <!-- <small>/ Order</small>-->
                        </div>
                    </div>
                    <hr/>
                    <div class="am-tabs am-tabs-d2 am-margin" data-am-tabs>

                        <ul class="am-avg-sm-5 am-tabs-nav am-nav am-nav-tabs">
                            <li class="am-active"><a href="#tab1">所有订单</a></li>
                            <li><a href="#tab2">待付款</a></li>
                            <li><a href="#tab3">已付款</a></li>
                            <li><a href="#tab5">交易完成</a></li>
                        </ul>
                        <!--所有订单-->
                        <div class="am-tabs-bd">
                            <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                                <div class="order-top">
                                    <div class="th th-item">
                                        <td class="td-inner">商品</td>
                                    </div>
                                    <div class="th th-price">
                                        <td class="td-inner">单价</td>
                                    </div>
                                    <div class="th th-number">
                                        <td class="td-inner">数量</td>
                                    </div>
                                    <!--<div class="th th-operation">
                                        <td class="td-inner">商品操作</td>
                                    </div>-->
                                    <div class="th th-amount" style="margin-left: 100px;">
                                        <td class="td-inner">合计</td>
                                    </div>
                                    <div class="th th-status" style="margin-left:50px;">
                                        <td class="td-inner">交易状态</td>
                                    </div>
                                   <!-- <div class="th th-change">
                                        <td class="td-inner">交易操作</td>
                                    </div>-->
                                </div>

                                <div class="order-main">
                                    <div class="order-list">

                                        <!--交易成功-->
                                        <div class="order-status5" v-for="siq in item1">
                                            <div class="order-title">
                                                <div class="dd-num">{{siq.name}}<a href="javascript:;">{{siq.namenum}}</a></div>
                                                <span>{{siq.date}}{{siq.datetime}}</span>
                                                <!--    <em>店铺：小桔灯</em>-->
                                            </div>
                                            <div class="order-content" v-for="siw in siq.val">
                                                <div class="order-left" >
                                                    <ul class="item-list">
                                                        <li class="td td-item">
                                                            <div class="item-pic">
                                                                <a v-bind:href="siw.href" class="J_MakePoint">
                                                                    <img v-bind:src="siw.src">
                                                                </a>
                                                            </div>
                                                            <div class="item-info">
                                                                <div class="item-basic-info">
                                                                    <a v-bind:href="siw.href">
                                                                        <p>{{siw.name}}</p>
                                                                        <p class="info-little">{{siw.color}}
                                                                            <br/>{{siw.explain}}</p>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="td td-price">
                                                            <div class="item-price">
                                                                {{siw.price}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-number">
                                                            <div class="item-number">
                                                                <span>{{siw.symbol}}</span>{{siw.symbolnum}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-operation">
                                                            <div class="item-operation">
                                                                <a href="change.html">{{siw.cargo}}</a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="order-right" style="margin-right:50px; " v-for="sie in siw.val">
                                                    <li class="td td-amount" >
                                                        <div class="item-amount" >
                                                            {{sie.sum}}{{sie.sumnum}}
                                                            <p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
                                                        </div>
                                                    </li>
                                                    <div class="move-right">
                                                        <li class="td td-status" style="margin-left:50px;">
                                                            <div class="item-status"  >
                                                                <p class="order-info" style="margin-top:20px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
                                                                <!--<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                                </p>
                                                                <p class="order-info"><a href="logistics.html">查看物流</a>
                                                                </p>-->
                                                            </div>
                                                        </li>
                                                       <!-- <li class="td td-change" >
                                                            <div class="am-btn am-btn-danger anniu">
                                                            {{sie.change}}
                                                            </div>
                                                        </li>-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--待付款-->
                            <div class="am-tab-panel am-fade" id="tab2">
                                <div class="order-top">
                                    <div class="th th-item">
                                        <td class="td-inner">商品</td>
                                    </div>
                                    <div class="th th-price">
                                        <td class="td-inner">单价</td>
                                    </div>
                                    <div class="th th-number">
                                        <td class="td-inner">数量</td>
                                    </div>
                                    <!--<div class="th th-operation">
                                        <td class="td-inner">商品操作</td>
                                    </div>-->
                                    <div class="th th-amount" style="margin-left: 100px;">
                                        <td class="td-inner">合计</td>
                                    </div>
                                    <div class="th th-status">
                                        <td class="td-inner">交易状态</td>
                                    </div>
                                    <div class="th th-change">
                                        <td class="td-inner">交易操作</td>
                                    </div>
                                </div>

                                <div class="order-main">
                                    <div class="order-list">
                                        <div class="order-status1" v-for="siq in item2">
                                            <div class="order-title">
                                                <div class="dd-num">{{siq.name}}<a href="javascript:;">16</a></div>
                                                <span>成交时间：2015-12-20</span>
                                                <!--    <em>店铺：小桔灯</em>-->
                                            </div>
                                            <div class="order-content" v-for="siw in siq.val">
                                                <div class="order-left" >
                                                    <ul class="item-list">
                                                        <li class="td td-item">
                                                            <div class="item-pic">
                                                                <a v-bind:href="siw.href" class="J_MakePoint">
                                                                    <img v-bind:src="siw.src">
                                                                </a>
                                                            </div>
                                                            <div class="item-info">
                                                                <div class="item-basic-info">
                                                                    <a v-bind:href="siw.href">
                                                                        <p>{{siw.name}}</p>
                                                                        <p class="info-little">{{siw.color}}
                                                                            <br/>{{siw.explain}}</p>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="td td-price">
                                                            <div class="item-price">
                                                                {{siw.price}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-number">
                                                            <div class="item-number">
                                                                <span>{{siw.symbol}}</span>{{siw.symbolnum}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-operation">
                                                            <div class="item-operation">
                                                                <a href="change.html">{{siw.cargo}}</a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="order-right" style="margin-right: 50px;" v-for="sie in siw.val">
                                                    <li class="td td-amount">
                                                        <div class="item-amount">
                                                            {{sie.sum}}{{sie.sumnum}}
                                                            <p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
                                                        </div>
                                                    </li>
                                                    <div class="move-right">
                                                        <li class="td td-status">
                                                            <div class="item-status">
                                                                <p class="order-info" style="margin-top:10px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
                                                                <!--<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                                </p>
                                                                <p class="order-info"><a href="logistics.html">查看物流</a>
                                                                </p>-->
                                                            </div>
                                                        </li>
                                                        <li class="td td-change">
                                                            <div class="am-btn am-btn-danger anniu">
                                                                {{sie.change}}
                                                            </div>
                                                        </li>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!--已付款-->
                            <div class="am-tab-panel am-fade" id="tab3">
                                <div class="order-top">
                                    <div class="th th-item">
                                        <td class="td-inner">商品</td>
                                    </div>
                                    <div class="th th-price">
                                        <td class="td-inner">单价</td>
                                    </div>
                                    <div class="th th-number" style="margin-left:50px;">
                                        <td class="td-inner">数量</td>
                                    </div>
                                   <!-- <div class="th th-operation">
                                        <td class="td-inner">商品操作</td>
                                    </div>-->
                                    <div class="th th-amount" style="margin-left:100px;">
                                        <td class="td-inner">合计</td>
                                    </div>
                                    <div class="th th-status" style="margin-left:25px;">
                                        <td class="td-inner">交易状态</td>
                                    </div>
                                    <!--<div class="th th-change">
                                        <td class="td-inner">交易操作</td>
                                    </div>-->
                                </div>

                                <div class="order-main">
                                    <div class="order-list">
                                        <div class="order-status2" v-for="siq in item3">
                                            <div class="order-title">
                                                <div class="dd-num">{{siq.name}}<a href="javascript:;">16</a></div>
                                                <span>成交时间：2015-12-20</span>
                                                <!--    <em>店铺：小桔灯</em>-->
                                            </div>
                                            <div class="order-content" v-for="siw in siq.val">
                                                <div class="order-left" >
                                                    <ul class="item-list">
                                                        <li class="td td-item">
                                                            <div class="item-pic">
                                                                <a v-bind:href="siw.href" class="J_MakePoint">
                                                                    <img v-bind:src="siw.src">
                                                                </a>
                                                            </div>
                                                            <div class="item-info">
                                                                <div class="item-basic-info">
                                                                    <a v-bind:href="siw.href">
                                                                        <p>{{siw.name}}</p>
                                                                        <p class="info-little">{{siw.color}}
                                                                            <br/>{{siw.explain}}</p>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="td td-price">
                                                            <div class="item-price">
                                                                {{siw.price}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-number" style="margin-left:50px;">
                                                            <div class="item-number">
                                                                <span>{{siw.symbol}}</span>{{siw.symbolnum}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-operation">
                                                            <div class="item-operation">
                                                                <a href="change.html">{{siw.cargo}}</a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="order-right"  v-for="sie in siw.val">
                                                    <li class="td td-amount" style="margin-left:10px;">
                                                        <div class="item-amount" >
                                                            {{sie.sum}}{{sie.sumnum}}
                                                            <p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
                                                        </div>
                                                    </li>
                                                    <div class="move-right">
                                                        <li class="td td-status">
                                                            <div class="item-status" style="margin-left:30px;">
                                                                <p class="order-info" style="margin-top:10px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
                                                                <!--<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                                </p>
                                                                <p class="order-info"><a href="logistics.html">查看物流</a>
                                                                </p>-->
                                                            </div>
                                                        </li>
                                                        <!--<li class="td td-change" >
                                                            <div class="am-btn am-btn-danger anniu">
                                                                {{sie.pass}}
                                                            </div>
                                                        </li>-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--交易完成-->
                            <div class="am-tab-panel am-fade" id="tab5">
                                <div class="order-top">
                                    <div class="th th-item">
                                        <td class="td-inner">商品</td>
                                    </div>
                                    <div class="th th-price">
                                        <td class="td-inner">单价</td>
                                    </div>
                                    <div class="th th-number" style="margin-left:100px;">
                                        <td class="td-inner">数量</td>
                                    </div>
                                    <!--<div class="th th-operation">
                                        <td class="td-inner">商品操作</td>
                                    </div>-->
                                    <div class="th th-amount" style="margin-left:150px;">
                                        <td class="td-inner">合计</td>
                                    </div>
                                   <!-- <div class="th th-status">
                                        <td class="td-inner">交易状态</td>
                                    </div>
                                    <div class="th th-change">
                                        <td class="td-inner">交易操作</td>
                                    </div>-->
                                </div>
                                <div class="order-main">
                                    <div class="order-list">
                                        <div class="order-status2" v-for="siq in item4">
                                            <div class="order-title">
                                                <div class="dd-num">{{siq.name}}<a href="javascript:;">16</a></div>
                                                <span>成交时间：2015-12-20</span>
                                                <!--    <em>店铺：小桔灯</em>-->
                                            </div>
                                            <div class="order-content" v-for="siw in siq.val">
                                                <div class="order-left" >
                                                    <ul class="item-list">
                                                        <li class="td td-item">
                                                            <div class="item-pic">
                                                                <a v-bind:href="siw.href" class="J_MakePoint">
                                                                    <img v-bind:src="siw.src">
                                                                </a>
                                                            </div>
                                                            <div class="item-info">
                                                                <div class="item-basic-info">
                                                                    <a v-bind:href="siw.href">
                                                                        <p>{{siw.name}}</p>
                                                                        <p class="info-little">{{siw.color}}
                                                                            <br/>{{siw.explain}}</p>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="td td-price">
                                                            <div class="item-price">
                                                                {{siw.price}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-number" style="margin-left:100px;">
                                                            <div class="item-number">
                                                                <span>{{siw.symbol}}</span>{{siw.symbolnum}}
                                                            </div>
                                                        </li>
                                                        <li class="td td-operation">
                                                            <div class="item-operation">
                                                                <a href="change.html">{{siw.cargo}}</a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="order-right" v-for="sie in siw.val">
                                                    <li class="td td-amount" style="margin-left:100px;">
                                                        <div class="item-amount">
                                                            {{sie.sum}}{{sie.sumnum}}
                                                            <p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
                                                        </div>
                                                    </li>
                                                    <!--<div class="move-right">
                                                        &lt;!&ndash;<li class="td td-status">
                                                            <div class="item-status">
                                                                <p class="order-info" style="margin-top:10px;"><a href="orderinfo.html">{{sie.deal}}</a></p>
                                                                &lt;!&ndash;<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                                </p>
                                                                <p class="order-info"><a href="logistics.html">查看物流</a>
                                                                </p>&ndash;&gt;
                                                            </div>
                                                        </li>&ndash;&gt;
                                                        <li class="td td-change" >
                                                            <div class="am-btn am-btn-danger anniu">
                                                                {{sie.pass}}
                                                            </div>
                                                        </li>
                                                    </div>-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!--底部-->
            <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherFoot.html"></iframe>
        </div>
        <aside class="menu">
            <ul>
                <li class="person">
                    <a href="index.html">个人中心</a>
                </li>
                <li class="person">
                    <!--<a href="#">个人资料</a>-->
                    <ul>
                        <li><a href="companyProfile.html">个人信息</a></li>
                        <!--<li><a href="safety.html">安全设置</a></li>
                        <li><a href="address.html">收货地址</a></li>-->
                    </ul>
                </li>
                <li class="person">
                    <a href="#">我的交易</a>
                    <ul>
                        <li><a href="orderunit.html">我的订单</a></li>
                        <li ><a href="ordercgb.html">订单管理</a></li>
                        <li class="active" ><a href="ordersell.html">订单列表</a></li>
                        <!--<li><a href="change.html">退款售后</a></li>-->
                    </ul>
                </li>
                <!--报表统计-->
                <li class="person">
                    <a href="../home/statisticalChart.html">报表统计</a>
                </li>
                <!--<li class="person">
                    <a href="#">我的资产</a>
                    <ul>
                        <li><a href="coupon.html">优惠券 </a></li>
                        <li><a href="bonus.html">红包</a></li>
                        <li><a href="bill.html">账单明细</a></li>
                    </ul>
                </li>-->
            </ul>

        </aside>
    </div>

</div>
<script src="../home/js/vue.min.js"></script>
<script src="../charge/ordersell.js"></script>
</body>

</html>